<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>userList</title>
    <link rel="stylesheet" href="../../static/css/common.css">
    <link rel="stylesheet" href="../../static/css/form.css">
    <link rel="stylesheet" href="../../static/css/order.css">
    <link rel="stylesheet" href="../../static/css/index.css">
    <link rel="stylesheet" type="text/css" href="../../static/layui/css/layui.css">
    <script type="text/javascript" src="../../static/layui/layui.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<ul>
    <div th:each="item:${menuList}" class="display:inline-de">
        <li><a th:href="@{${item.path}}" th:text="${item.name}"></a></li>
    </div>
    <a th:href="@{/login}" style="float:right;font-size: 16px;margin: 17px;color: white;">> 登出</a>
</ul>

<div class="box">
    <div class="form-group">
        <h1 class="t">用户列表</h1>
        <table class="layui-table" id="table" lay-filter="table">
            <thead>
            <tr>
                <th style="width: 85px">编号</th>
                <th style="width: 105px">用户名</th>
                <th style="width: 105px">身份</th>
                <th style="width: 105px">真实姓名</th>
                <th style="width: 135px">电话</th>
                <th style="width: 135px">邮箱</th>
<!--                <th style="width: 85px">操作</th>-->
            </tr>
            </thead>
            <tbody>
            <tr th:each="user : ${userList}">
                <td th:text="${user.id}"></td>
                <td th:text="${user.userName}"></td>
                <td th:switch="${user.roleId}">
                    <span th:case="1">管理员</span>
                    <span th:case="2">货主</span>
                    <span th:case="3">承运商</span>
                    <span th:case="4">司机</span></td>
                <td th:text="${user.realName}"></td>
                <td th:text="${user.phone}"></td>
                <td th:text="${user.email}"></td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
</body>
</html>